﻿b { font-weight: 700; }
a { color: #336699; }
body { padding: 1em; font-family: Arial; font-size: 9pt; }
.error { color: Red; font-family: Arial; font-size: 8pt; padding-left: 3px; }
.hint { font-size: 8pt; color: #ccc; }
.ui-datepicker-trigger { vertical-align: bottom; padding-left: 2px; }

h1 { font-size: 14pt; font-weight: bold; font-family: Times New Roman; text-decoration: underline; margin-bottom: 1em; }
.title { float: left; display: inline-block; }

.form { float: left; display: inline-block; clear: both; }
.form .items-body { float: left; display: inline-block; }
.form .item { padding: 3px 0; display: inline-block; float: left; clear: both; }
.form .item .label { width: 80px; float: left; display: inline-block; }
.form .item .input { float: left; display: inline-block; }
.form .buttons { float: left; display: inline-block; clear: both; }

.grid { width: 600px; border: solid 1px #052684; }
.grid th { color: #fff; background: url(../images/grid-header.png) repeat-x; vertical-align: middle; height: 31px; }
.grid tr.alt { background: url(../images/grid-alt.png) repeat-x; }
.grid td { border-right: dotted 1px #A6C4E0; vertical-align: middle; padding-left: 2px; }
.grid td.actions { border: 0; text-align: right; width: 68px; }

.buttons { float: left; display: inline-block; clear: both; margin-top: 1em; }

.login-page { }
.signup-link { float: left; clear: both; display: inline-block; margin: 2em 0; }

.home-page { }
.home-page .summary { float: left; display: inline-block; }
.home-page #chart_div { float: left; clear: both; }
.home-page .title-buttons { float: right; display: inline-block; }
.home-page .annotationsdiv { float: left; }

.record-intake { }
.record-intake .history { margin: 2em 0; }

.history { display: inline-block; float: left; clear: both; }
.history .date-changer { margin: 1em; display: inline-block; float: left; clear: both; }
.history .date-changer .inline-button { vertical-align: -4px; }
.history .date-changer .date-editor { margin-left: 3em;}

.history .grid { display: inline-table; float: left; clear: both; }

.user-history { }

.set-target .form .item .label { width: 120px;  }
